CSS

(Cascading Style Sheets, 캐스케이딩 스타일 시트)

:after 과 ::after 의 차이점

:after은 CSS2에서 , ::after은 CSS3에서 사용하는 것이다.
즉, 가상요소(Pseudo-elements)는
? CSS2에서는 : 가 하나만 표기되고 CSS3에서는 :가 두개 표기된다.

CSS3에서 ::after로 표기되는 이유는 가상클래스와 가상요소의 차이를 분명하게 하기 위해서이다.
(둘 다 앞에 : 가 붙어서 헷갈릴까봐 차이를 주기위함인 것같음)

5.1 This is a Level 5 Heading (h5)

가상클래스 :hover, :active, :checked, :last-child ...
가상요소 ::after, ::before, ::first-letter, ::placeholder ...

하지만 호환성을 위해 :after, :before 도 허용된다.